<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>vue学习</title>
    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
    <div id="app">
        <p>{{message}}</p>
    </div>
    <script>
        new Vue({
            el: '#app',
            data: {
                message:'20姬最美',
                toAccModeMapping: {
          '000': '02',
          '001': '01',
          '111': '03',
          '011': '04',
          '101': '05',
          '110': '06'
        },
            },
            created() {
                // 遍历对象时的顺序和书写方式不一样，有空再仔细研究 2021/7/31
                for (var i in this.toAccModeMapping) {
                    if(i=='000') {
                        const result = this.toAccModeMapping[i]
                        console.log(result)
                    }
                }//遍历对象，遍历的是key
            }
        })
    </script>
</body>
</html>